<template>
    <div>
        <h2 class="title">{{message}}</h2>
        <button @click="btnClick">点我</button>
        <User/>
    </div>
</template>

<script>
import User from './User.vue'
export default {
    components:{
        User
    },
    data(){
        return {
            message:"一步一步抽离template",
        }
    },
    methods:{
        btnClick(){
            alert("哈哈哈")
        }
    }
}
</script>

<style>
    .title{
        color:red
    }
</style>
